﻿<!DOCTYPE html>
<html>
<head>
    <title>吴淞学区红色电影征文活动</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <style type="text/css">

        body {
            background-color: #fffcef;
            /*去除移动端webkit浏览器点击按钮或超链接默认灰色背景色*/
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        .wrap_menu {
            position: fixed;
            bottom: 0.5em;
            width: 100%;
            text-align: center;
        }

        .menu_item {
            display: inline-block;
            background-color: red;
            color: white;
            height: 2em;
            line-height: 2em;
            width: 6em;
            border-radius: 1em;
            text-decoration: none;
            border: 1px solid red;
        }

            .menu_item:active {
                background-color: white;
                color: red;
            }
    </style>
</head>
<body>

    <section style="font-size: 14px;">
        <section class="_135editor" style="position: static;">
            <section style="margin-top: 10px; margin-right: 0%; margin-left: 0%; position: static;">
                <section style="display: inline-block; width: 100%; vertical-align: top; background-color: rgb(255, 252, 238);">
                    <section class="_135editor" style="position: static;">
                        <section style="margin-right: 0%; margin-left: 0%; position: static;">
                            <section style="background-color: rgb(182, 44, 37); height: 4px;"></section>
                        </section>
                    </section>
                    <section class="_135editor" style="position: static;">
                        <section style="text-align: center; margin: 10px 0%; position: static;">
                            <section style="display: inline-block; width: 95%; vertical-align: top; border-width: 1px; border-radius: 0px; border-style: solid; border-color: rgb(184, 153, 112); padding: 10px;">
                                <section class="_135editor" style="position: static;">
                                    <section style="margin-top: 10px; margin-bottom: 10px; position: static;">
                                        <section style="display: inline-block; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid rgb(184, 153, 112); border-bottom: 1px solid rgb(184, 153, 112); border-right-color: rgb(184, 153, 112); border-left-color: rgb(184, 153, 112);">
                                            <section style="padding-right: 5px; padding-left: 5px; display: inline-block; background-color: rgb(182, 44, 37); color: rgb(255, 255, 255); font-size: 16px;">
                                                <p>
                                                    35、不忘初心，牢记光荣使命
                                                </p>
                                                <p>
                                                    ——《周恩来的四个昼夜》观后感
                                                </p>
                                            </section>
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor">
                                    <section style="position: static;">
                                        <section style="text-align: left;">
                                            <p>
                                                <br />
                                            </p>
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor" style="position: static;">
                                    <section style="margin-top: 10px; margin-bottom: 10px; position: static;">
                                        <section style="max-width: 100%; vertical-align: middle; display: inline-block;">
                                            <img width="100%" src="../asset/images/dj_cover/35.jpg" style="vertical-align: middle;" data-ratio="0.4283333" data-w="600" />
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor">
                                    <section style="position: static;">
                                        <section style="text-align: left; color: rgb(110, 85, 51); line-height: 1.8;">
                                            <p style="text-indent: 2em;">
                                                老人们口中的“六零年”，三年自然灾害，那时饥荒遍野，国民经济建设濒临崩溃边缘。毛主席委派各级领导奔赴各地考察，周总理在夫人邓颖超的陪同下来到革命老区伯延考察。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                影片由一个奔跑的青年引入，大家急切慌乱的准备着，等待上级领导来考察。当人们看到周总理从车上走下来时，双手紧握着周总理的手，眼中噙满泪花，可见人民群众对周总理的拥护和爱戴。看到人民的眼中含着泪水，周总理敏锐地察觉到了人民的心中藏着委屈。马路两边光秃秃的树芽，暗示了老百姓都已经饿地要吃树叶了。当那个提着一筐树叶的小女孩连弟出现时，就像《皇帝的新装》里的说真话的小孩一样说出了实情。那个年代，人民对领导者的拥护，自己挨饿受苦也不愿意给国家和领导添乱，愿意一起去面对困难。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                但是，这些怎么逃得过周总理的眼睛？老百姓在哪里，周总理就在哪里，他的眼睛里都是对人民的关怀。在那个年代，人民吃不饱饭，没有力气干活，他把这些全归咎在“是我这个总理没当好”身上。但这些全是他的错吗?他不辞辛苦，特地亲自到延安老区亲自关怀老区人民，和他们吃一样的饭，一起下地劳动，一起看戏 ，还专门去问候老区战士，四个昼夜啊，夜晚当做白天来干，谁曾想他已经是六七十的老人了呢？
                                            </p>
                                            <p style="text-indent: 2em;">
                                                周总理心系人民，亲身下基层，与人民共进同出，是人民的好总理！正因为有这些革命先辈的牺牲和付出，才有了今天我们的安定繁荣。我们要深知现在的幸福生活来之不易，不忘初心，牢记光荣使命。
                                            </p>
                                        </section>
                                    </section>
                                </section>
                            </section>
                        </section>
                    </section>
                    <section class="_135editor" style="position: static;">
                        <section style="margin-right: 0%; margin-left: 0%; position: static;">
                            <section style="background-color: rgb(182, 44, 37); height: 4px;"></section>
                        </section>
                    </section>
                </section>
            </section>
        </section>
    </section>

    <p>
        <br />
    </p>
    <section class="wrap_menu">
        <a id="menu_vote" class="menu_item">投票</a>&nbsp;&nbsp;
        <a id="menu_back" href="../index.html?back=a" class="menu_item">返回</a>
    </section>
    <script src="http://cdn.bootcss.com/zepto/1.1.4/zepto.min.js" type="text/javascript"></script>
    <script src="../asset/js/utils.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var articleId = "17EDABF2-9929-4D47-ABF3-B7CC5EE5A9DF";
            var user = getCookie("wusong_user");
            var openId = JSON.parse(user).OpenID;
            var nickName = JSON.parse(user).NickName;
            var total;

            $.getJSON("../api/user/" + openId, function (data) {

                total = data.ThumbupCount;

                console.log("get user total of thumbup : " + total);

                //设置点赞按钮状态
                if (data.ThumbupCount >= 3) {
                    $("#menu_vote").css("background-color", "gray");
                    $("#menu_vote").unbind("click");
                }
            });

            $("#menu_vote").click(function () {

                var model = { "openid": openId, "nickname": nickName, "articleid": articleId };

                $.ajax({
                    url: "../api/thumbup/",
                    contentType: "application/json; charset=utf-8",
                    type: "POST",
                    data: JSON.stringify(model),
                    error: function (data) {
                        console.log(data);
                    },
                    success: function (data) {
                        total++;
                        console.log("vote ok. Total of thumbup : " + total);

                        if (total >= 3) {
                            $("#menu_vote").css("background-color", "gray");
                            $("#menu_vote").unbind("click");
                        }

                    }
                });

            });

        });

    </script>
</body>
</html>